<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LV路易威登中国官网</title>
    <!-- 路径都用绝对路径：/代表dist -->
    <!-- <link rel="shortcut icon" href=""> -->
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="/css/modules/reset.css">
    <link rel="stylesheet" href="/css/modules/iconfont.css">
    <link rel="stylesheet" href="/css/index.css">
    
    <script src="/libs/jQuery/jquery-3.5.1.min.js"></script>
</head>
<body>
    <!-- <div class="div-top">
        <a href="#" class="div-onLine fl">在线选购</a>
        <p>,尊享全国免费顺丰配送</p>
        <span class="off">x</span>
    </div> -->
    <!-- header -->
    <header></header>
    <!-- <header>
        <div class="dad1">
            <div class="header-top content ">
                <div class="fl">
                    <a href="" class="fl a-first" title="配送至：中国大陆-更改国家/地区">配送至：中国大陆</a>
                    <a href="" class="iconfont fl a-first " title="需要帮助">&#xe60b;需要帮助</a>
                    <a href="" class="icofont fl a-first">&#xe71f;&nbsp;&nbsp;&nbsp;400 6588 555</a>
                </div>
                <div class="fr">
                <a href="" class="iconfont fl a-last" title="专卖店">&#xe679;</a>
                <a href="" class="iconfont fl a-last" title="我的愿望清单">&#xe6af;</a>
                <a href="" class="iconfont fl a-last" title="我的路易威登">&#xe65a;</a>
                <a href="" class="iconfont fl a-last" title="我的购物袋">&#xe600;</a>  
                </div>
            </div>
        </div>
        <div class="dad">
            <div class="header-bottom content">
                <div class="fl">
                    <a href="" class=""><img src="/images/logo-1.jpg" alt="" class="logo-title"></a>
                </div>
                <nav class="lv-nav fl">
                    <ul>
                        <li class="fl nav-li"><a href="" class="nav-list">新品系列</a></li>
                        <li class="fl nav-li"><a href="" class="nav-list">女士</a></li>
                        <li class="fl nav-li"><a href="" class="nav-list">男士</a></li>
                        <li class="fl nav-li"><a href="" class="nav-list">生活艺术</a></li>
                        <li class="fl nav-li"><a href="" class="nav-list  list-last">MAGAZINE</a></li>
                    </ul>
                </nav>
                <div class="fr">
                    <input type="search" placeholder="搜索建议：LV Archlight 运动鞋" class="lv-search">
                </div>
                <div class="lv-navChild">
                    <div class="fl">
                        <ul>
                            <li>女士</li>
                            <li>男士</li>
                        </ul>
                    </div>
                    <div class="fl">
                        <ul>
                            <li>新品精选</li>
                            <li>LV Crafty 系列</li>
                            <li>LV PONT 9</li>
                            <li>LV</li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="fl"><img src="/images/路易威登--W_Fa_LV_Crafty_Canvas_New_DI2.webp" alt=""></div>
                </div>
            </div>
        </div>
    </header> -->
    <!-- slideshow -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="swiper-Show swiper-scrollbar">
                    <img src="/images/路易威登--1853_LVMagazine_Womens_1854_Campaign_FW2020_DIE.webp" alt="">
                    <h2>2020秋冬女士时装秀系列</h2>
                    <p class="fl swiper-p"><a href="">立即选购</a></p>
                    <p class="fl swiper-p1"><a href="">广告特辑</a></p>
                </div>
            </div>
            <div class="swiper-slide"><div><img src="/images/路易威登--HP_China_Nigo_wave2_DIE.webp" alt=""></div></div>
            
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
        
        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    
    <!-- gentleman-show -->
    <div class="gentleman-show">
        <div class="content">
            <div class="fl magazine-man">
                <a href=""><img src="/images/路易威登--M_Fa_FW20_campaign_DII.webp" alt=""></a>
                <h2 class="man-show"><a href="">男士秋冬时装秀</a></h2>
            </div>
            <div class="fr buy-package">
                <div class="lv-china">
                    <h2><a href="">在线选购 MONOGRAM 经典手袋</a></h2>
                    <p><a href="">尊享中国大陆地区顺丰免费配送</a></p>
                    <p class="lv-now"><a href="">即可享购</a></a></p>
                </div>
                <div class="lv-perfume">
                    <a href=""><img src="/images/路易威登--1837_Magazine_California_Dream_Fragrance_DI3.webp" alt=""></a>
                    <h2 class="lv-sweet"><a href="">甜蜜加州梦香水</a></h2>
                </div>
            </div>
        </div>
    </div>
    <!-- fashion show -->
    <div class="fashion-show">
        <div class="content" style="height: 330px;" id="lv-showUl">
            <!-- <div class="lv-winter fl" id="lv-showUl">
                <a href=""><img src="/images/路易威登--HP_China_Fw20_Women_LG_DI1.webp" alt=""></a>
                <h3>秋冬女士时装秀系列</h3>
            </div>
            <div class="lv-trainer fl lv-winter">
                <a href=""><img src="/images/路易威登--HP_China_SNKR8_3_DI1.webp" alt=""></a>
                <h3>LV TRAINER 玩色一夏</h3>
            </div>
            <div class="lv-accessories fl lv-winter">
                <a href=""><img src="/images/路易威登--HP_China_CVD_Women_ACC_DI1.webp" alt=""></a>
                <h3>时尚配饰精选</h3>
            </div> -->
            <script type="text/html" id="lv-showUlTemplate">
                {{each list gift}}
                <!-- 循环list 传入  -->
                <div class="lv-winter fl" >
                        <a href="">
                            <img src="{{gift.src}}" alt="">
                        </a>
                        <h3>{{gift.title}}</h3>
                        <p>￥{{gift.price}}</p>
                </div>
                {{/each}}
            </script>
        </div>
    </div>
    <!-- footer -->
    <footer></footer>
    <!-- <footer class="lv-footer">
        <div class="content">
            <div class="footer-logo"><p class="logo-content">LVOUIS VUITTON</p></div>
            <div class="footer-info">
                <span><a href="">中国大陆</a></span>
                <span><a href="">订阅电子报</a></span>
                <span><a href="">联系我们</a></span>
                <span><a href="">应用程序</a></span>
                <span><a href="">关注我们</a></span>
                <span><a href="">法律声明和隐式条款</a></span>
                <span><a href="">沪ICP备09069024号</a></span>
                <span><a href="">电子营业执照</a></span>
                <span><a href="">出版物经营许可证</a></span>
                <span><a href="">沪公网安备</a></span>
                <span><a href="">招聘</a></span>
                <span><a href="">网站地图</a></span>
            </div>
        </div>
    </footer> -->
   
<!-- <script src="/js/index.js"></script> -->
<script src="/libs/require/require.min.js" data-main="/js/index" ></script>
</body>
</html>